<template>
  <div class="index">
    <div :style="{
      transform: `scale(${scaleX},${scaleX})`,
      'transform-origin': '0 0',
      width: '1920px',
    }">
      <router-view></router-view>
    </div>
    <!-- <common-datas v-show="false" @commonDatas="commonDatas"></common-datas> -->
  </div>
</template>
<script setup lang="ts">
import { computed, onMounted } from 'vue'
// import { useRoute } from 'vue-router';
import { useBaseDataStore } from '@/store/index';
// import { InCommonDatas } from 'vue-kst-auth';
const baseDataStore = useBaseDataStore();
/** 路由数据 */
// const route = useRoute();
/** @api */
/** @数据 */


const scaleX = computed(() => {
  return baseDataStore.getBaseData("scaleX");
})
// const clientHeight = computed(() => {
//   return baseDataStore.getBaseData("clientHeight");
// })

/** @生命周期 */
onMounted(() => {
  setInterval(() => {
    getVal();
  }, 300)
  window.onresize = () => {
    setTimeout(() => {
      getVal();
    }, 100);
  }
})
/** @方法 */
/** 接收基础数据 */
// function commonDatas(msg?: { detail: Array<InCommonDatas> } | any) {
//   const res = msg?.detail ? msg?.detail[0] : {};
//   /** 授权 */
//   if (
//     res.SessionState &&
//     res.SessionState.auth &&
//     res.SessionState.auth.grantedPolicies
//   ) {
//     baseDataStore.setBaseDataApi({
//       key: 'grantedPolicies',
//       value: res.SessionState.auth.grantedPolicies,
//     });
//   }
//   /** 部门人员数据 */
//   if (res.organizationUsers) {
//     baseDataStore.setBaseDataApi({
//       key: 'organizationUsers',
//       value: res.organizationUsers.items,
//     });
//   }
//   /** 部门数据 */
//   if (res.organizationUnit) {
//     baseDataStore.setBaseDataApi({
//       key: 'organizationUnit',
//       value: res.organizationUnit,
//     });
//   }
//   /** 人员数据 */
//   if (res.users) {
//     baseDataStore.setBaseDataApi({
//       key: 'users',
//       value: res.users.items ?? [],
//     });
//   }
//   /** 严重等级 */
//   if (res.severityLevel) {
//     baseDataStore.setBaseDataApi({
//       key: 'severityLevel',
//       value: res.severityLevel,
//     });
//   }
//   /** 基础数据 */
//   if (res.baseData && res.baseData.items) {
//     const data: any[] = res.baseData.items;
//     /** 资产分类 */
//     const assetTypes = data.filter((val) => val.category == 'AssetCategory');
//     baseDataStore.setBaseDataApi({
//       key: 'assetTypes',
//       value: assetTypes,
//     });
//     /** 位置 */
//     const positions = data.filter((val) => val.category == 'positions');
//     baseDataStore.setBaseDataApi({
//       key: 'positions',
//       value: positions,
//     });
//   }
// }
/** 获取缩放比例和浏览器高度 */
const getVal = () => {
  const scale = document.body.clientWidth / 1920;
  const clientHeight = document.documentElement.clientHeight == 0 ? document.body.clientHeight : document.documentElement.clientHeight;
  baseDataStore.setBaseDataApi({ key: "scaleX", value: scale });
  baseDataStore.setBaseDataApi({ key: "clientHeight", value: clientHeight });
}
/** @公共方法 */
</script>
<style lang="scss" scoped>
.index {
  width: 100vw;
  height: 100vh;
  position: relative;
  overflow: hidden;
  background-color: #4b4b4b;
  //background: url('@/assets/imgs/bg-01.png') no-repeat center center;
  background-size: 100% 100%;
}
</style>